<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>HR Gull</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link href="/css/bootstrap.css" rel="stylesheet">
    <style>
      body {
        padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
      }
    </style>
    <link href="/css/bootstrap-responsive.css" rel="stylesheet">

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="../assets/ico/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
  </head>

  <body>
					<!--EKKI SNERTA MIG!-->
							<div class="navbar navbar-fixed-top">
							  <div class="navbar-inner">
								<div class="container">
								  <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
								  </a>
								  <a class="brand" href="#">HR Gull</a>
								  <div class="nav-collapse">
									<ul class="nav">
									  <li class="active"><a href="#">Home</a></li>
									  <li><a href="#about">About</a></li>
									  <li><a href="#contact">Contact</a></li>
									</ul>
								  </div><!--/.nav-collapse -->
								</div>
							  </div>
							</div>
					<!--EKKI SNERTA MIG-->
    
	
	<div class="container">
        <div class="row">
            <div class="span4 offset3">
                <img src="https://fbcdn-sphotos-a.akamaihd.net/hphotos-ak-prn1/531203_10150737330524550_731554549_9663563_1500872126_n.jpg" align="middle" />
            </div>
        </div>
		<div class="row">
    	<div class="span2">
          <div class="well" style="padding: 8px 0 350px 0;">
            <ul class="nav nav-list">
              <li class="nav-header">Aðalvalmynd</li>
              <li class="active"><a href="#"><i class="icon-white icon-home"></i> Forsíða</a></li>
              <li><a href="#"><i class="icon-play-circle"></i> Leikir</a></li>
              <li><a href="#"><i class="icon-user"></i> Notendur</a></li>
              <li><a href="#"><i class="icon-info-sign"></i> Tilkynningar</a></li>
            </ul>
          </div> <!-- /well -->
		</div>
		<!--<div class="tabbable tabs-below">
        <div class="tab-content">
          <div class="tab-pane active" id="A">
            <p>I'm in Section A.</p>
          </div>
          <div class="tab-pane" id="B">
            <p>Howdy, I'm in Section B.</p>
          </div>
          <div class="tab-pane" id="C">
            <p>What up girl, this is Section C.</p>
          </div>
        </div>
        <ul class="nav nav-tabs">
          <li class="active"><a href="#A" data-toggle="tab">Section 1</a></li>
          <li class=""><a href="#B" data-toggle="tab">Section 2</a></li>
          <li class=""><a href="#C" data-toggle="tab">Section 3</a></li>
        </ul>
      </div>-->
        <div class="span8">
			<div class="tabbable" style="margin-bottom: 18px;">
				<ul class="nav nav-tabs">
				  <li class="active"><a href="#tab1" data-toggle="tab">Section 1</a></li>
				  <li class=""><a href="#tab2" data-toggle="tab">Section 2</a></li>
				  <li class=""><a href="#tab3" data-toggle="tab">Section 3</a></li>
				</ul>
				<div class="tab-content" style="padding-bottom: 9px; border-bottom: 1px solid #ddd;">
				  <div class="tab-pane active" id="tab1">
					<p>I'm in Section 1.</p>
				  </div>
				  <div class="tab-pane" id="tab2">
					<p>Howdy, I'm in Section 2.</p>
				  </div>
				  <div class="tab-pane" id="tab3">
					<p>What up girl, this is Section 3.</p>
				  </div>
				</div>
			</div>
        </div>
			<div class="span2">
				<div class="well" style="padding: 8px 0 350px 0;">
				<ul class="nav nav-list">
				  <li><a href="#"><i class="icon-flag"></i> Skrá tilkynningu</a></li>
				  <li class="divider"></li>
				  <li class="nav-header">Flýtiaðgerðir</li>
				  <li><a href="#"><i class="icon-flag"></i> Skrá tilkynningu</a></li>
				  <li><a href="#"><i class="icon-flag"></i> Skrá leik</a></li>
				  <li><a href="#"><i class="icon-flag"></i> Skrá notenda</a></li>
				</ul>
			  </div> <!-- /well -->
			</div>  
	</div>
    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="/js/jquery.js"></script>
    <script src="/js/bootstrap-transition.js"></script>
    <script src="/js/bootstrap-alert.js"></script>
    <script src="/js/bootstrap-modal.js"></script>
    <script src="/js/bootstrap-dropdown.js"></script>
    <script src="/js/bootstrap-scrollspy.js"></script>
    <script src="/js/bootstrap-tab.js"></script>
    <script src="/js/bootstrap-tooltip.js"></script>
    <script src="/js/bootstrap-popover.js"></script>
    <script src="/js/bootstrap-button.js"></script>
    <script src="/js/bootstrap-collapse.js"></script>
    <script src="/js/bootstrap-carousel.js"></script>
    <script src="/js/bootstrap-typeahead.js"></script>

  </body>
</html>
